<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>查找书籍</title>
</head>
<body>
<style>
    body{
        background-size: cover;
    }
    .button {
        display: inline-block;
        border-radius: 4px;
        background-color: #f4511e;
        border: none;
        color: #FFFFFF;
        text-align: center;
        font-size: 15px;
        padding: 6px;
        /*width: 100%;*/
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;

    }
    .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

    .button span:after {
        content: '»';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    .button:hover span {
        padding-right: 10px;
    }


</style>
<form th:action="@{findBook}">
    <table border="1" align="center">
        <tr>
            <th>书本ID</th>
            <th>书本名</th>
            <th>作者</th>
            <th>出版社</th>
            <th>时间</th>
            <th>书本位置</th>
        </tr>
        <tr th:each="book,bookStat :${books}">
            <td><input name="bookId" type="text" th:value="${book.bookId}"/></td>
            <td><input name="bookName" type="text" th:value="${book.bookName}"/></td>
            <td><input name="author" type="text" th:value="${book.author}"/></td>
            <td><input name="publisher" type="text" th:value="${book.publisher}"/></td>
            <td><input name="publishDate" type="date" th:value="${book.publishDate}"/></td>
            <td><input name="bookPosition" type="text" th:value="${book.bookPosition}"/></td>
        </tr>
    </table>
</form>
<form th:action="@{viewBook}" align="center" method="get">
    <button type="submit"  class="button"><span>返回</span></button>
</form>
</body>
</html>